var article = document.getElementById('article');
article.onclick = function(){
	var e = e || window.event,
		tar = e.target || e.srcElement;
		if(tar.nodeName.toLowerCase() === 'p'){
			tar.innerHTML = '我要更改这段内容！';
		}
}
var p = document.createElement('p');
p.innerHTML = '新增一段内容';
article.appendChild(p);

//旧版IE
// var g = function(id){
// 	return document.getElementById(id)
// }
// g('btn').onclick = function(){
// 	// g('btn') = null;
// 	g('btn_container').innerHTML = '触发了事件';
// }

// var g = function(id){
// 	return document.getElementById(id)
// }
// g('btn_container').onclick = function(e){
// 	var target = e && e.target || window.event.srcElement;
// 	if(target.id === 'btn'){
// 		g('btn_container').innerHTML = '触发了事件';
// 	}
// }


//委托模式封装事件委托方法
function delegate(el, selector, eventType, fn){
	if(fn === undefined){
		fn = eventType;
		eventType = null;
		el.addEventListener(eventType, fn, false);
	}else{
		el.addEventListener(eventType, function(e){
			var target = e && e.target || window.event.srcElement;
			if(target.matches(selector)){
				fn.call(e.target, e);
			}
		})
	}
}

delegate(document.body, 'button', 'click', function(){
	console.log('委托成功！');
})